<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/liebiao.css"/>
		<script type="text/javascript" src="js/jquery-1.11.3.js">
			
		</script>
		<script type="text/javascript" src="js/liebiao.js">
			
		</script>
		<script type="text/javascript" src="js/jquery.cookie.js">
			
		</script>
		
	</head>
	<body>
		<!--shang-->
		<div id="shang">
			<div class="shang1">
				<div class="shang2">
					<img src="images/l1.jpg">
				</div>
				<div class="shang3">
					<ul>
						<li class="lii1">欢迎光临抠抠网</li>
						<a href="denglu.html"><li>[请登录]</li></a>
						<a href="zhuce.html"><li>[免费注册]</li></a>
						<a href="#"><li>我的抠抠</li></a><li>丨</li>
						<a href="#"><li>我的订单</li></a><li>丨</li>
						<a href="#"><li><img src="images/s1.jpg"/>手机版</li></a><li>丨</li>
						<a href="#"><li>帮助中心</li></a><li>丨</li>
						<a href="#"><li><img src="images/c1.jpg">购物车</li></a>
					</ul>
				</div>
			</div>
		</div>
		
		
	<!---logo--->	
		<div id="logo">
			<div class="logo1">
				<div class="logo2">
					<img src="images/logo.jpg"/>
				</div>
				<div class="logo3">
					<input id="i1" type="text" value="请输入您要搜索的关键字..." /><input id="i2" type="reset" value="搜索一下">
					<ul>
						<li class="li1">热门搜索：</li>
						<li>连衣裙</li>
						<li>雪纺裙</li>
						<li>女鞋</li>
						<li>男鞋</li>
						<li>T恤女</t></li>
						<li>玩具</li>
						<li>防晒霜</li>
						<li>减肥</li>
					</ul>
				</div>
				<div class="logo4">
					<img src="images/e1.jpg"/>
					<p>下载抠抠客户端，</br>购买更优惠。</p>
					<input id="in1" type="reset" value="<">1/1<input id="in2" type="reset" value=">">
				</div>
			</div>
		</div>
		
<!--biao-->
		<div id="biao">
			<div class="biao">
				<div class="biao1">
					<p id="pp">所有商品分类</p>
				</div>
				<ul>
					<li>抠抠镇</li><li>丨</li>
					<li>线上101</li><li>丨</li>
					<li id="hai">海外直邮<img src="images/q1.jpg"></li><li>丨</li>
				</ul>
			</div>
		</div>		
		
<!--tu-->
		<div class="detail">
			<div class="content">
				<div class="detail_one">
					<a href="">首页</a> &gt <a href="">所有产品</a>
				</div>
				<div class="detail_two">
					<div class="left">
						<div class="left_one">
							<div class="head">
								<h2>商品分类</h2>
							</div>
							<div class="body">
								<ul>
									<li><img src="img-list/plus_06.jpg"/> <a href="">定价产品</a></li>
									<li><img src="img-list/plus_06.jpg"/> <a href="">钻戒定制</a></li>
									<li><img src="img-list/plus_06.jpg"/> <a href="">裸钻</a></li>
									<li><img src="img-list/plus_06.jpg"/> <a href="">黄金</a></li>
								</ul>
							</div>
						</div>
						<div class="left_two">
							<div class="head">
								<h2>热门推荐</h2>
							</div>
							<div class="body">
								<div class="part1">
									<img src="img-list/part1.jpg"/>
									<ul>
										<li>永恒之心</li>
										<li>商城价：￥1163.00</li>
									</ul>
								</div>
								<div class="part2">
									<img src="img-list/part2.jpg"/>
									<ul>
										<li>花眸</li>
										<li>商城价：￥1546.00</li>
									</ul>
								</div>
							</div>
							<a href=""><img class="img_one" src="img-list/images/left_28.jpg"/></a>
							<a href=""><img class="img_two" src="img-list/images/left_31.jpg"/></a>
							<a href=""><img class="img_three" src="img-list/images/left_33.jpg"/></a>
						</div>
					</div>
					<div class="right">
						<div class="part_one">
						<!--<ul>
								<li>
									<span class="sn">已选：</span>
									<span class="spa">钻石</span>
									<span class="spa">女戒</span>
								</li>
								<li>
									<span class="sn">镶嵌：</span>
									<span class="line_down">|</span>
									<a href="">白钻</a>
								</li>
								<li>
									<span class="sn">材质：</span>
									<span class="line_down">|</span>
									<a href="">18K</a>
								</li>
								<li>
									<ul>
										<li><span class="sn" id="sn">价格：</span></li>
										<li><span class="line_down">|</span><a href="">1000元以下</a></li>
										<li><span class="line_down">|</span><a href="">1000-1999</a></li>
										<li><span class="line_down">|</span><a href="">2000-2999</a></li>
										<li><span class="line_down">|</span><a href="">3000-4999</a></li>
										<li><span class="line_down">|</span><a href="">5000元以上</a></li>
									</ul>
								</li>
							</ul>-->
						</div>
						<div class="part_two">
							<ul class="ul_one">
								<li>共780款|</li>
								<li>21款/每页|</li>
								<li>第1页/共38页</li>
							</ul>
							<ul class="ul_two">
								<li>1</li>
								<li>2</li>
								<li>3</li>
								<li>4</li>
								<li>5</li>
								<li>6</li>
								<li>7</li>
								<li>..</li>
								<li>38</li>
								<li>下页</li>
							</ul>
						</div>
						<div class="part_three">
							<ul>
								<li><a href="">默认</a></li>
								<li>|</li>
								<li><a href="">销量</a></li>
								<li>|</li>
								<li><a href="">价格</a></li>
								<li>|</li>
								<li><a href="">新品</a></li>
							</ul>
						</div>
						<div class="part_four">

						</div>
						<div class="part_five">
							<ul class="ul_one">
								<li>共780款|</li>
								<li>21款/每页|</li>
								<li>第1页/共38页</li>
							</ul>
							<ul class="ul_two">
								<li>1</li>
								<li>2</li>
								<li>3</li>
								<li>4</li>
								<li>5</li>
								<li>6</li>
								<li>7</li>
								<li>..</li>
								<li>38</li>
								<li>下页</li>
							</ul>
						</div>
						
						
					</div>
				</div>
			</div>
		</div>



<!--hengtiao-->
		<div id="jie">
			<ul class="jie1">
				<li><img src="images/j1.png"/></li>
			</ul>
		</div>			


<!--news-->
	<div id="news">
		<div class="news1">
			<div class="news_zuo">
				<ul class="qu1">
					<a href="#"><h3>新手指南</h3></a>
					<a href="#"><li>· 用户注册</li></a>
					<a href="#"><li>· 用户注册协议</li></a>
					<a href="#"><li>· 购物流程</li></a>
				</ul>
				
				<ul class="qu2">
					<a href="#"><h3>维权中心</h3></a>
					<a href="#"><li>· 退还政策</li></a>
					<a href="#"><li>· 找回密码</li></a>
					<a href="#"><li>· 客服中心</li></a>
					<a href="#"><li>· 退货流程</li></a>
					<a href="#"><li>· 退款说明</li></a>
				</ul>
				
				<ul class="qu3">
					<a href="#"><h3>支付方式</h3></a>
					<a href="#"><li>· 在线支付</li></a>
					<a href="#"><li>· 货到付款</li></a>
					<a href="#"><li>· 抠抠支付开通流程</li></a>
				</ul>
				
				<ul class="qu4">
					<a href="#"><h3>配送说明</h3></a>
					<a href="#"><li>· 发货规定</li></a>
					<a href="#"><li>· 配送与收货范围</li></a>
					<a href="#"><li>· 配送范围和时间</li></a>
					<a href="#"><li>· 配送进度查询</li></a>
				</ul>
			</div>
			
			
			<div class="news_you">
				<ul class="news_you1">
					<li><img src="images/ny.png"/></li>
				</ul>
			</div>
		</div>
	</div>

<!--bottom-->
	
	
	<div id="bottom">
				<ul class="bottom1">
					<li><img src="images/bo.png"/></li>
				</ul>
	</div>



	</body>
</html>
